// 名品机械
<template>
  <div class="FamousMechanics">
    <nav-login></nav-login>
    <home-seach></home-seach>
    <goods-nav :navindex="navindex"></goods-nav>
    <div class="w1200">
      <ul>
        <li v-for="(img, index) in images" :key="index">
          <img v-lazyload="img" src="@/assets/logo/loading.png">
        </li>
      </ul>
    </div>
    <el-backtop>
      <div
        style="{
          height: 100%;
          width: 100%;
          background-color: #f2f5f6;
          box-shadow: 0 0 6px rgba(0,0,0, .12);
          text-align: center;
          line-height: 40px;
          color: #1989fa;
        }"
      >
        UP
      </div>
    </el-backtop> 
  </div>
</template>

<script>

import pic06 from "@/assets/images/pic06.png" // 引过来的图片
import pic07 from "@/assets/images/pic07.png" // 引过来的图片
import pic08 from "@/assets/images/pic08.png" // 引过来的图片
import pic09 from "@/assets/images/pic09.png" // 引过来的图片
import pic10 from "@/assets/images/pic10.jpg" // 引过来的图片

export default {
  name: "FamousMechanics",

  data() {
    return {
      navindex: 7,
      images:[
        pic06,
        pic07,
        pic08,
        pic09,
        pic10
      ]
    }
  }
}
</script>
<style lang="scss" scoped>
.FamousMechanics {
  .w1200 {
    width: 1200px;
    margin: auto;
    img{
      width: 100%;
    }
  }
}
</style>


